<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>山西太原</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/icon/he.png">

    <!-- CSS here -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/slicknav.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="assets/css/themify-icons.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <header>
        <div class="header-area">
            <div class="main-header header-sticky">
                <div class="container-fluid">
                    <div class="row align-items-center">
                        <!-- Logo -->
                        <div class="col-xl-2 col-lg-2">
                            <div class="logo">
                                <a href="index.html"><img src="assets/img/newlog/logo.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-xl-10 col-lg-10">
                            <div class="menu-wrapper d-flex align-items-center justify-content-end">
                                <!-- Main-menu -->
                                <div class="main-menu d-none d-lg-block">
                                    <nav>
                                        <ul id="navigation">                                                                                          
                                            <li><a href="index.html">主页</a></li>
                                            <li><a href="about.html">历史文化</a></li>
                                            <li><a href="blog.html">酒店民宿</a></li>
                                            <li><a href="event.html">特色小吃</a></li>
                                            <li><a href="contact.html">联系我们</a></li>
                                            <!-- Button -->
                                            <li class="button-header">
                                                <a href="#" class="header-btn" style="background-color: darkslateblue;"> <i class="fas fa-phone-alt"></i> +89 (69) 128 2247</a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div> 
                        <!-- Mobile Menu -->
                        <div class="col-12">
                            <div class="mobile_menu d-block d-lg-none"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
        <!--? slider Area Start-->
        <div class="slider-area fix">
            <div class="slider-active">
                <div class="single-slider">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-xl-8 col-lg-8 col-md-9 col-sm-12">
                                <div class="hero__caption text-center">
                                    <h1 data-animation="fadeInUp" data-delay="0.1s">欢迎来到 <dd>美丽的山西太原</dd></h1>
                                    <p data-animation="fadeInUp" data-delay="0.6s">让我们一起进入美丽的太原世界吧</p>
                                    <a href="#" class="btn slider-btn " data-animation="bounceIn" data-delay="1s">山西省太原市</a>
                                </div>
                            </div>
                        </div>
                    </div>          
                </div>
            </div>
            <div class="car-img slider-bg1 slider-height d-flex justify-content-center align-items-end">
                <div class="container">
                    <div class="row ">
                        <div class="col-xl-10 col-lg-8 col-md-8 col-sm-8">
                            <div class="car running">
                                <!-- <img src="assets/img/hero/car.png" alt=""> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- slider Area End-->
        <!--? services area start -->
        <section class="services-section section-padding">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-5">
                        <!-- Section Tittle -->
                        <div class="section-tittle text-center mb-45 ">
                            <span>看见更美的风景</span>
                            <h2>著名景点 </h2>
                        </div>
                    </div>
                </div>
                <div class="services-active">
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="single-cat mb-30">
                            <div class="cat-img">
                                <img src="assets/img/newhome/t_jinsi.png" alt="">
                            </div>
                            <div class="cat-cap">
                                <div class="pricing d-flex justify-content-between">
                                    <h3><a href="events_details.html"> 晋祠 </a></h3>
                                    <span class="price">祠</span>
                                </div>
                                <p><a href="#">北魏孝文帝年间</a>1500多年</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="single-cat mb-30">
                            <div class="cat-img">
                                <img src="assets/img/newhome/t_park.png" alt="">
                            </div>
                            <div class="cat-cap">
                                <div class="pricing d-flex justify-content-between">
                                    <h3> <a href="events_details.html"> 迎泽公园 </a></h3>
                                    <span class="price">公园</span>
                                </div>
                                <p><a href="#">唐代初年</a>1000多年</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="single-cat mb-30">
                            <div class="cat-img">
                                <img src="assets/img/newhome/t_shuangta.png" alt="">
                            </div>
                            <div class="cat-cap">
                                <div class="pricing d-flex justify-content-between">
                                    <h3> <a href="events_details.html"> 双塔寺 </a></h3>
                                    <span class="price">寺</span>
                                </div>
                                <p><a href="#">古代</a>1300多年</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="single-cat mb-30">
                            <div class="cat-img">
                                <img src="assets/img/newhome/t_taiyuancq.png" alt="">
                            </div>
                            <div class="cat-cap">
                                <div class="pricing d-flex justify-content-between">
                                    <h3> <a href="events_details.html"> 太原老城墙 </a></h3>
                                    <span class="price">城墙</span>
                                </div>
                                <p><a href="#">明朝</a>600多年</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Services End -->
        <!--? About -->
        <div class="support-company-area bottom-padding">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-xl-6 col-lg-6 col-md-10">
                        <div class="support-location-img">
                            <img src="assets/img/newhome/most.png" alt="">
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-6 col-md-10">
                        <div class="right-caption">
                            <!-- Section Tittle -->
                            <div class="section-tittle">
                                <span>更多风景</span>
                                <h2>发现太原：历史悠久的景点</h2>
                            </div>
                            <div class="support-caption">
                                <p class="mb-50">中华民族园：位于迎泽区，是一座展示中国各民族文化的大型公园，游客可以在这里了解各民族的传统文化和风俗习惯
                                    柳巷古文化街：位于太原市内，是一条保存完好的古街，保留了明清时期的建筑风格，游客可以感受到古代太原的历史风貌。
                                    万寿宫：位于晋源区，是一座仿古建筑，内有寺庙和花园，是太原市的知名景点之一。
                                    山西博物院：位于太原市内，收藏有大量的历史文物和艺术品，是了解山西历史文化的好去处。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- About Area End-->
        <!--? Testimonial Start -->
        <div class="testimonial-area testimonial-padding section-img-bg2" data-background="assets/img/newhome/tai1.png">
            <div class="container">
                <div class="row d-flex justify-content-center">
                    <div class="col-xl-11 col-lg-11 col-md-9">
                        <div class="h1-testimonial-active">
                            <!-- Single Testimonial -->
                            <div class="single-testimonial text-center">
                                <div class="testimonial-caption ">
                                    <div class="testimonial-top-cap">
                                        <h2>给太原游玩旅客的话</h2>
                                        <p>欢迎来到太原！作为山西省的省会，太原有着丰富的历史文化和自然景观，希望你在这里度过愉快的时光！

                                            如果你对历史感兴趣，可以前往太原市区的晋祠、迎泽公园、双塔寺等景点，感受古都文化的底蕴；如果你喜欢自然风光，可以到五台山、平遥古城、云冈石窟等地探索山西的自然与人文之美。
                                            
                                            在太原品尝当地特色美食也是一大亮点，比如过油肉、刀削面、山西面食等，务必尝试一番！
                                            
                                            另外，太原的交通便利，你可以选择公交、出租车或地铁等方式畅游城市，祝你在太原玩得开心，留下美好的回忆！</p>
                                    </div>
                                    <!-- founder -->
                                    <div class="testimonial-founder d-flex align-items-center justify-content-center">
                                        <div class="founder-img">
                                            <img src="assets/img/newhome/ava.png" alt="">
                                        </div>
                                        <div class="founder-text">
                                            <span>刘小美</span>
                                            <p>太原旅游负责人</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Single Testimonial -->
                            <!-- <div class="single-testimonial text-center">
                                <div class="testimonial-caption ">
                                    <div class="testimonial-top-cap">
                                        <h2>What customers say</h2>
                                        <p>"Let’s start your journey with us, your dream will come true. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod  tempor incididunt ut labore et dolore magna aliqua.</p>
                                    </div>
                                    <div class="testimonial-founder d-flex align-items-center justify-content-center">
                                        <div class="founder-img">
                                            <img src="assets/img/gallery/founder-img.png" alt="">
                                        </div>
                                        <div class="founder-text">
                                            <span>Mark Anthony</span>
                                            <p>CEO of Colorlib</p>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Testimonial End -->
        <!--? project us start-->
        <section class="project-us pb-padding section-padding">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-8 col-lg-7 col-md-10">
                        <div class="section-tittle  text-center mb-40">
                            <span>您可能有的问题</span>
                            <h2>如何安排旅程</h2>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center justify-content-between">
                    <div class="col-xl-5 col-lg-6 col-md-10">
                        <div class="project-caption">
                            <!-- collapse-wrapper -->
                            <div class="collapse-wrapper">
                                <div class="accordion" id="accordionExample">
                                    <!-- single-one -->
                                    <div class="card">
                                        <div class="card-header" id="headingTwo">
                                            <h2 class="mb-0">
                                                <a href="#" class="btn-link collapsed"  data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">第一天</a>
                                            </h2>
                                        </div>
                                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                                            <div class="card-body">
                                                上午：

                                                早晨到达太原，入住酒店并休息片刻。
                                                上午前往太原市区的晋祠，感受古代建筑和历史文化氛围。
                                                <br>
                                                <hr align="center" color="#000000" size="1">

                                                中午：

                                                在晋祠附近的餐馆品尝山西传统美食，比如刀削面、过油肉等。
                                                <br>
                                                <hr align="center" color="#000000" size="1">

                                                下午：

                                                游览迎泽公园，欣赏古老的园林建筑和自然景观。
                                                探索太原市中心的商业街区，购物或品尝当地小吃。                                  
                                            </div>
                                        </div>
                                    </div>
                                    <!-- single-two -->
                                    <div class="card">
                                        <div class="card-header" id="headingOne">
                                            <h2 class="mb-0">
                                                <a href="#" class="btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">第二天</a>
                                            </h2>
                                        </div>
                                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                                            <div class="card-body">
                                                上午：

                                                前往五台山，这是中国著名的佛教圣地，可以参观寺庙、观赏自然风光。
                                                在五台山附近的餐馆品尝当地特色素斋。
                                                <br>
                                                <hr align="center" color="#000000" size="1">

                                                下午：

                                                返回太原市区，游览双塔寺，感受佛教文化的魅力。
                                                参观太原市博物馆，了解山西的历史文化。
                                            </div>
                                        </div>
                                    </div>
                                    <!-- single-three -->
                                    <div class="card">
                                        <div class="card-header" id="headingThree">
                                            <h2 class="mb-0">
                                                <a href="#" class="btn-link collapsed"  data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">第三天</a>
                                            </h2>
                                        </div>
                                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                                            <div class="card-body">
                                                上午：

                                                前往平遥古城，这是一座保存完整的古代城市，可以领略古代建筑和文化遗产。
                                                在古城内漫步，欣赏老街的风情。
                                                <br>
                                                <hr align="center" color="#000000" size="1">

                                                中午：

                                                在平遥古城内的餐馆品尝当地特色美食。
                                                <br>
                                                <hr align="center" color="#000000" size="1">

                                                下午：

                                                参观平遥古城内的博物馆或文化景点，了解更多历史文化。
                                                返回太原，结束愉快的旅程。
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-10 col-sm-10">
                        <div class="project-right-cap">
                            <div class="project-right-img">
                                <img src="assets/img/newhome/tour.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="details-btn text-center mt-40">
                            <a href="#" class="btn about-btn">更多安排</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--  project us end-->
        <!--? video_start -->
        <div class="bottom-padding">
            <div class="container">
                <div class="video-area section-img-bg2 d-flex align-items-center" data-background="assets/img/newhome/video.png">
                    <div class="video-wrap">
                        <div class="video-icon">
                            <a class="popup-video" href="assets/img/newhome/test.mp4">
                                <img src="assets/img/icon/play-butto.svg" alt="">
                            </a>
                        </div>
                        <h3>观看航拍</h3>
                    </div>
                </div>
            </div>
        </div>
        <!-- video_end -->    
        <!--? instagram-social start -->
        <div class="instagram-area fix">
            <div class="container-fluid p-0">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="instagram-active owl-carousel">
                            <div class="single-instagram">
                                <img src="assets/img/newhome/a.png" alt="">
                                <a href="#"><i class="ti-instagram"></i></a>
                            </div>
                            <div class="single-instagram">
                                <img src="assets/img/newhome/b.png" alt="">
                                <a href="#"><i class="ti-instagram"></i></a>
                            </div>
                            <div class="single-instagram">
                                <img src="assets/img/newhome/c.png" alt="">
                                <a href="#"><i class="ti-instagram"></i></a>
                            </div>
                            <div class="single-instagram">
                                <img src="assets/img/newhome/d.png" alt="">
                                <a href="#"><i class="ti-instagram"></i></a>
                            </div>
                            <div class="single-instagram">
                                <img src="assets/img/newhome/e.png" alt="">
                                <a href="#"><i class="ti-instagram"></i></a>
                            </div>
                            <div class="single-instagram">
                                <img src="assets/img/newhome/f.png" alt="">
                                <a href="#"><i class="ti-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- instagram-social End -->
    </main>
    <footer>
        <div class="footer-wrapper">
            <div class="footer-area footer-padding">
                <div class="container">
                    <div class="row justify-content-between">
                        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-8">
                            <div class="single-footer-caption mb-50">
                                <div class="single-footer-caption mb-30">
                                    <!-- logo -->
                                    <div class="footer-logo mb-35">
                                        <a href="index.html"><img src="assets/img/newlog/logo.png" alt=""></a>
                                    </div>
                                    <div class="footer-tittle">
                                        <div class="footer-pera">
                                            <p>山西太原欢迎您</p>
                                        </div>
                                        <!-- social -->
                                        <div class="footer-social">
                                            <a href="#"><i class="fab fa-twitter-square"></i></a>
                                            <a href="https://bit.ly/sai4ull"><i class="fab fa-facebook-square"></i></a>
                                            <a href="#"><i class="fab fa-linkedin"></i></a>
                                            <a href="#"><i class="fab fa-pinterest-square"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6">
                            <div class="single-footer-caption mb-50">
                                <div class="footer-tittle">
                                    <h4>导航</h4>
                                    <ul>
                                        <li><a href="#">主页</a></li>
                                        <li><a href="#">特色小吃</a></li>
                                        <li><a href="#">历史文化</a></li>
                                        <li><a href="#">酒店民宿</a></li>
                                        <li><a href="#">联系我们</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-4 col-sm-8">
                            <div class="single-footer-caption mb-50">
                                <div class="footer-tittle mb-20">
                                    <h4>联系我们</h4>
                                    <p>山西太原政府</p>
                                    <p>shanxitaiyuan@163.com</p>
                                </div>
                                <ul class="mb-20">
                                    <li class="number"><a href="#">+89 (69) 128 2247</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer-bottom area -->
            <div class="footer-bottom-area">
                <div class="container">
                    <div class="footer-border">
                        <div class="row">
                            <div class="col-xl-12 ">
                                <div class="footer-copy-right text-center">
                                    <p>Copyright &copy;2024白皓文 214820417</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Scroll Up -->
    <div id="back-top" >
        <a title="Go to Top" href="#"> <i class="fas fa-level-up-alt"></i></a>
    </div>

    <!-- JS here -->
    <!-- Jquery, Popper, Bootstrap -->
    <script src="./assets/js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="./assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="./assets/js/popper.min.js"></script>
    <script src="./assets/js/bootstrap.min.js"></script>

    <!-- Jquery Slick , Owl-Carousel Plugins -->
    <script src="./assets/js/owl.carousel.min.js"></script>
    <script src="./assets/js/slick.min.js"></script>

    <!-- wow, Mobile Menu -->
    <script src="./assets/js/wow.min.js"></script>
    <script src="./assets/js/jquery.magnific-popup.js"></script>
    <script src="./assets/js/jquery.slicknav.min.js"></script>

    <!-- counter , waypoint ,Nice-select -->
    <script src="./assets/js/jquery.counterup.min.js"></script>
    <script src="./assets/js/waypoints.min.js"></script>
    <script src="./assets/js/jquery.nice-select.min.js"></script>

    <!-- contact js -->
    <script src="./assets/js/contact.js"></script>
    <script src="./assets/js/jquery.form.js"></script>
    <script src="./assets/js/jquery.validate.min.js"></script>
    <script src="./assets/js/mail-script.js"></script>
    <script src="./assets/js/jquery.ajaxchimp.min.js"></script>
    
    <!-- Plugins, main-Jquery -->	
    <script src="./assets/js/plugins.js"></script>
    <script src="./assets/js/main.js"></script>
</body>
</html>